<template>
    <view>
        <nut-popup :visible="props.isMyShow2" round position="bottom" @click-overlay="diaClose2" close-on-click-overlay>
            <view class="costdetail">
                <view class="tabbar">盛辉契约服务条款 <span class="closes" @click="diaClose2">X</span></view>
                <h1 class="title">盛辉契约服务条款</h1>
                <view class="content costcontent">
                    <view> 1、托运人应如实告知承运人所托运货物的名称、性质、重量、数量、价值等必要信息，准确申报或填写、认真核对承运单信息，对承运单所填写内容之真实性负责；若托运人所提供的收货人信息等错误造成交货延迟或损失的，承运人不承担任何责任。</view>
                    <view>2、托运人应对所托货物按照行业标准妥善包装，使其适合运输。托运人不得托运或在所托运货物中夹带危险品、国家禁止运输的物品（包含但不仅限于假冒伪劣产品）；并不得隐瞒或夹带承运单所填报货物名称之外的物品。否则承运人有权随时随处卸货，因此发生的后果由托运人自负，并由托运人赔偿给承运人造成的一切损失。</view>
                    <view>3、收货人在收到提货或送货通知后最迟应在3日内提货或安排接收货物逾期应支付超出天数的仓储费和保管费，轻货按照5元/m³/天收取，重货按照15元/T/天收取，两者相比取最大值作为收费标准，最低5元每票。凡逾期超过30日，承运人有权视情对货物进行处理，由此产生的相应损失承运人不予承担赔偿责任。</view>
                    <view>4、托运人或收货人无故不支付费用的，承运人可以对承运货物行使留置权及其他补救性权利，由此而产生的后果由托运人或收货人承担。</view>
                    <view>5、托运人有权选择办理货物保价运输，保价费按货物价值的0.4%收取，最低5元每票。托运人选择保价运输的，货物全部灭失，按货物保价声明价值赔偿；货物部分毁损或灭失，按声明价值的损失比例赔偿；声明价值高于实际价值的，按实际价值赔偿；若货物损坏进行修复的，按实际修复费进行赔偿。托运易碎品托运人应妥善进行防护性包装，若运输途中发生破损，除能证明该破损系承运人造成包装物破坏致使托运货物损失外，承运人不承担赔偿责任。</view>
                    <view>6、未办理保价运输而发生货物灭失或损坏的，每件货物价值在300元以内的按货物的实际损失赔偿；每件货物价值超过300元的，承运人对每件货物的最高赔偿额不超过300元。按以上方式计算得出的赔偿额超过货物实际价值的部分无效。</view>
                    <view>7、托运人委托承运人代收货款不代表该次货物的实际价值，如果承运货物出现损坏或灭失的赔偿额应按照承运单第5、6条约定赔偿，与代收货款无关。</view>
                    <view>8、收货人签收货物后，表明货物已完好无损交付，自签收之时起该货物的损坏、短缺、灭失、污染、变质等一切风险和责任转移至收货人处，与承运人无关。</view>
                    <view>9、凡因承运单或与承运单有关的争议，当事人可以通过协商或调解解决，协商或调解不成，双方同意由福州市晋安区人民法院管辖。</view>
                </view>
                <nut-button class="btn" block type="info" @click="diaClose">确定</nut-button>
            </view>
        </nut-popup>
    </view>
</template>
             
<script lang="ts" setup>
const props = defineProps<{
    isMyShow2: boolean
}>()
const emit = defineEmits(['closeCostModal2','close'])

function diaClose() {
    emit('closeCostModal2')
}
function diaClose2(){
    emit('close')
}
</script>
  
<style lang='scss'>
* {
    box-sizing: border-box;
}

.costdetail {
    height: 100%;
    background-color: #fff;
    box-sizing: border-box;
    .btn{
        width: 90%;
        margin-left: 5%;
        margin-bottom: 70rpx;
    }
    .title{
        text-align: center;
        font-weight: bold;
        margin-top: 60rpx;
    }
    .tabbar {
        height: 112rpx;
        background-color: #f8f9fa;
        color: #252525;
        font-size: 28rpx;
        font-weight: 600;
        line-height: 112rpx;
        padding-left: 24rpx;
        position: relative;
        .closes{
            position: absolute;
            right: 30rpx;
            top:0rpx;
            opacity: 0.7;
        }
    }

    .content {
        padding: 40rpx 75rpx 0;
        font-size: 25rpx;
        line-height: 28rpx;
        view{
            text-indent:2em;
        }
    }

    .costcontent {
        margin-bottom: 70rpx;
    }
}
</style>